<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>易知学社</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="/assets/web/css/double.css" />
		<link rel="stylesheet" type="text/css" href="/assets/web/css/course.css" />
		<script src="/assets/web/js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 底部tab -->
		<ul class="foot">
			<li class="Imgbox" >
				<a href="../index/index.html">
					<div class="xz-img">
						<img src="/assets/web/img/tabar_home022x.png" />
					</div>
					<p class="botm-title ">首页</p>
				</a>
			</li>
			<li class="Imgbox" >
				<a href="course.html">
					<div class="xz-img">
						<img src="/assets/web/img/kecheng.png" />
					</div>
					<p class="botm-title actives">课程</p>
				</a>
			</li>
			<li class="Imgbox" >
				<a href="../me/me.html">
					<div class="xz-img">
						<img src="/assets/web/img/tabar_user012x.png" />
					</div>
					<p class="botm-title ">我的</p>
				</a>
			</li>
		</ul>
		
		<!-- 搜索部分 -->
		<div class="search go_search">
			<input type="search" placeholder="请输入搜索关键词" />
			<span>搜索</span>
		</div>
		<!-- 首页tab部分 -->
		<div class="tab">
			<a href="#" class="tab_active">易·学社</a>
			<a href="#">家·学社</a>
			<a href="#">企·学社</a>
		</div>
		<div class="course">
			<div class="title">
				<h2>公开课</h2>
			</div>
			<ul>
				<li>
					<a href="Course_details.html" class="clearfix">
						<div class="fl left">
							<img src="/assets/web/img/image04_course2x.png">
						</div>
						<div class="fr right">
							<h3>家庭五行定位</h3>
							<p>独创“三字易经导航图”加故事化呈现方式让任何人都...</p>
							<p class="i">128人已学习</p>
						</div>
					</a>
				</li>
				<li>
					<a href="Course_details.html" class="clearfix">
						<div class="fl left">
							<img src="/assets/web/img/image04_course2x.png">
						</div>
						<div class="fr right">
							<h3>家庭五行定位</h3>
							<p>独创“三字易经导航图”加故事化呈现方式让任何人都...</p>
							<p class="i">128人已学习</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="course">
			<div class="title">
				<h2>系列课程</h2>
			</div>
			<ul>
				<li>
					<a href="Course_details.html" class="clearfix">
						<div class="fl left">
							<img src="/assets/web/img/image04_course2x.png">
						</div>
						<div class="fr right">
							<h3>家庭五行定位</h3>
							<p>独创“三字易经导航图”加故事化呈现方式让任何人都...</p>
							<p class="i">128人已学习</p>
						</div>
					</a>
				</li>
				<li>
					<a href="Course_details.html" class="clearfix">
						<div class="fl left">
							<img src="/assets/web/img/image04_course2x.png">
						</div>
						<div class="fr right">
							<h3>家庭五行定位</h3>
							<p>独创“三字易经导航图”加故事化呈现方式让任何人都...</p>
							<p class="i">128人已学习</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</body>
</html>
